/*page*/
/*post-items full*/
/*post-items snap*/
/*post-detail*/
/*offline selection*/
/*loading*/
/*header*/
/*flyout*/
/*settingsFlyout*/
/* line 3, ../sass/default.scss */
#contenthost {
  height: 100%;
  width: 100%;
  color: #ff5c26;
  /*background-color: $bg_color;*/
  background-color: white;
}

/* line 11, ../sass/default.scss */
.win-selectionhint, .win-selectioncheckmark {
  color: black;
}

/* line 15, ../sass/default.scss */
.win-backbutton {
  color: black;
  border-color: black;
}

/* line 20, ../sass/default.scss */
.win-backbutton:hover {
  color: #ff5c26;
  background-color: white;
  border-color: #ff5c26;
}

/* line 25, ../sass/default.scss */
.win-backbutton:hover:active {
  background-color: black;
  border-color: black;
  color: white;
}

/* line 31, ../sass/default.scss */
.progress-container {
  color: black;
}

/* line 35, ../sass/default.scss */
.win-listview .win-container:hover {
  outline: #3A8EC2 solid 0px;
}

/* line 39, ../sass/default.scss */
.win-label {
  color: white;
}

/*.item-image:hover .item-overlay{
    color: $tile_color;
}*/
/* line 46, ../sass/default.scss */
.pagetitle {
  font-family: "Segoe UI";
  font-weight: lighter;
}

/*section {
    margin-top: 12px;
}*/
/* line 54, ../sass/default.scss */
.content {
  height: calc(100% - 200px);
}

/* line 59, ../sass/default.scss */
p {
  margin-top: 0px;
}

/* line 63, ../sass/default.scss */
.fragment {
  /* Define a grid with rows for a banner and a body */
  -ms-grid-columns: 1fr;
  -ms-grid-rows: 128px 1fr;
  display: -ms-grid;
  height: 100%;
  width: 100%;
}

/* line 72, ../sass/default.scss */
.fragment header[role=banner] {
  /* Define a grid with columns for the back button and page title. */
  -ms-grid-columns: 120px 1fr;
  -ms-grid-rows: 1fr;
  display: -ms-grid;
}

/* line 79, ../sass/default.scss */
.fragment header[role=banner] .win-backbutton {
  margin-left: 39px;
  margin-top: 59px;
}

/* line 84, ../sass/default.scss */
.fragment header[role=banner] .titlearea {
  -ms-grid-column: 2;
  margin-top: 37px;
  margin-top: 37px;
}

/* line 90, ../sass/default.scss */
.fragment header[role=banner] .titlearea .pagetitle {
  width: calc(100% - 20px);
  /*margin-left: -2px;*/
  text-align: left;
  font-size: 42pt;
}

/* line 97, ../sass/default.scss */
.fragment section[role=main] {
  -ms-grid-row: 2;
  height: 100%;
  width: 100%;
}

@media screen and (-ms-view-state: snapped) {
  /* line 105, ../sass/default.scss */
  .win-selectionhint, .win-selectioncheckmark {
    color: black;
  }

  /* line 109, ../sass/default.scss */
  .fragment header[role=banner] {
    -ms-grid-columns: auto 1fr;
    margin-left: 20px;
  }

  /* line 114, ../sass/default.scss */
  .fragment header[role=banner] .win-backbutton {
    margin: 0;
    margin-right: 10px;
    margin-top: 70px;
  }

  /* line 120, ../sass/default.scss */
  .fragment header[role=banner] .win-backbutton:disabled {
    display: none;
  }

  /* line 124, ../sass/default.scss */
  .fragment header[role=banner] .titlearea {
    -ms-grid-column: 2;
    margin-top: 38px;
  }

  /* line 129, ../sass/default.scss */
  .titlearea {
    vertical-align: baseline;
  }

  /* line 133, ../sass/default.scss */
  .win-listview {
    height: 100%;
    overflow: hidden;
  }
}
@media screen and (-ms-view-state: fullscreen-portrait) {
    /*.fragment header[role=banner] {
        -ms-grid-columns: 100px 1fr;
    }

        .fragment header[role=banner] .win-backbutton {
            margin-left: 29px;
        }*/
}
/* line 149, ../sass/default.scss */
.win-groups.win-listview > .win-horizontal .win-surface {
  margin-left: 45px;
  margin-right: 115px;
}

/* line 154, ../sass/default.scss */
.win-surface {
  margin-bottom: 35px;
  margin-left: 120px;
  margin-right: 120px;
  /*height: 100%;*/
  /*margin-top: 128px;*/
}

/* line 162, ../sass/default.scss */
.win-listview .win-groupheader {
  padding-top: 0px;
  padding-bottom: 0px;
}
